<template>
	<view class="group">
		<view class="info">
			<text class="word">{{worksGroup.title}}</text>
			<text class="more">更多</text>
		</view>
		<view class="images">
			<u-image :radius="10" :lazyLoad="true" v-for="(src,index) in worksGroup.images" :key="index" :src="src"
				:lazy-load="true" width="235rpx" height="400rpx">
			</u-image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "works-group",
		props: ["worksGroup"],
		data() {
			return {
				iconColor: "#536BF6",
				iconSize: 36,
			};
		},
		methods: {
			//跳转作者详情页
			toGroup() {
				uni.navigateTo({
					url: "../../pages/writer/writer"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.group {
		// border-radius: 10rpx;
		// box-shadow: 0 0 20rpx #dfdfdf;
		margin-top: 20rpx;
		padding: 10rpx;
	}

	.info {
		display: flex;
		justify-content: space-between;
		.more {
			font-size: small;
			color: $uni-color-primary;
			font-weight: 800;
		}
	}

	.images {
		margin-top: 20rpx;
		display: flex;
		justify-content: space-around;
	}
</style>
